<!DOCTYPE html>
<html lang="zh-CN">

<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>网易云音乐</title>
   <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
   <link rel="stylesheet" href="./lib/iconfont/iconfont.css">
   <link rel="stylesheet" href="./css/musician.css">

   <!-- 动画部分的css样式 -->
   <link rel="stylesheet" href="./css/musician-animation.css">
</head>

<body>

   <!-- 整个网页的大盒子 -->
   <div class="musician-dom">

      <!-- 网页内的内容盒子 -->
      <div class="musician-content-box">

         <!-- 头部区域——通栏盒子 -->
         <div class="musician-header" id="header">
            <!-- 头部内容 -->
            <div class="header-content">

               <!-- 左边的logo盒子 -->
               <a href="./musician.html" class="logo-svg">
                  <img src="./svg/musician-logo-000.svg">
               </a>

               <!-- 右边导航部分 -->
               <div class="header-navbar">
                  <!-- 导航条 -->
                  <div class="nav">
                     <ul>
                        <li><a href="../index/index.html">首页</a></li>
                        <li><a href="#">Beat交易平台</a></li>
                        <li><a href="#">常见问题</a></li>
                        <li><a href="#">关于我们</a></li>
                     </ul>
                  </div>

                  <!-- 用户部分 -->
                  <div class="header-user">

                     <!-- 左边用户头像 -->
                     <div class="user-center">
                        <!-- 用户头像 -->
                        <div class="i-pic">
                           <img src="./upload/musician-i.png" class="i-img">
                        </div>
                        <div class="username">
                           <div class="name">YuWo_lh</div>
                        </div>
                     </div>

                     <!-- 中间竖线 -->
                     <div class="split-line"></div>

                     <!-- 右边用户邮箱 -->
                     <div class="mailbox">
                        <a href="#">
                           <i class="iconfont icon-youxiang"></i>
                        </a>
                     </div>
                  </div>

               </div>

            </div>
         </div>

         <!-- 内容主体区域 -->
         <div class="musician-content">

            <!-- 第一部分 -->
            <div class="content-item1">

               <!-- 内容盒子 -->
               <div class="item1-content">
                  <p class="item1-title">40w+音乐人的选择&nbsp;&nbsp;中国领先的原创音乐人平台
                  </p>
                  <h2 class="item1-bgc1"></h2>
                  <h2 class="item1-bgc2"></h2>

                  <!-- 定位在外的盒子 -->
                  <div class="item1-bottom">
                     <a href="#" class="left">立即入住</a>
                     <i></i>
                     <a href="#" class="right">校园入住</a>
                  </div>
               </div>
            </div>

            <!-- 第二部分(轮播图) -->
            <div class="content-item2">

               <!-- 内容盒子 -->
               <div class="item2-content">

                  <!-- 被覆盖的文字部分 -->
                  <div class="content-text">
                     <p class="text-one">40W Artists NetEase</p>
                     <p class="text-two">40W Artists NetEase</p>
                  </div>

                  <!-- 40W音乐人已加入文字 -->
                  <div class="content-text2">
                     <h1>40W+音乐人已加入</h1>
                  </div>

                  <!-- 轮播盒子 -->
                  <div class="banner-box">
                     <!-- 上面的轮播图 -->
                     <div class="banner-top">
                        <div class="musician-01">
                           <div class="pic">
                              <img src="./upload/musician-01.png">
                              <div class="title">
                                 <p>粉丝：122.6万</p>
                                 <p>作品：23</p>
                              </div>
                           </div>
                           <p>接个吻，开一枪</p>
                        </div>
                        <div class="musician-02">
                           <div class="pic">
                              <img src="./upload/musician-02.png">
                              <div class="title">
                                 <p>粉丝：73.4万</p>
                                 <p>作品：78</p>
                              </div>
                           </div>
                           <p>CMJ</p>
                        </div>
                        <div class="musician-03">
                           <div class="pic">
                              <img src="./upload/musician-03.png">
                              <div class="title">
                                 <p>粉丝：241.9万</p>
                                 <p>作品：147</p>
                              </div>
                           </div>
                           <p>徐秉龙</p>
                        </div>
                        <div class="musician-04">
                           <div class="pic">
                              <img src="./upload/musician-04.png">
                              <div class="title">
                                 <p>粉丝：138.4万</p>
                                 <p>作品：71</p>
                              </div>
                           </div>
                           <p>落日飞车</p>
                        </div>
                        <div class="musician-05">
                           <div class="pic">
                              <img src="./upload/musician-05.png">
                              <div class="title">
                                 <p>粉丝：599.2万</p>
                                 <p>作品：273</p>
                              </div>
                           </div>
                           <p>花粥</p>
                        </div>
                        <div class="musician-06">
                           <div class="pic">
                              <img src="./upload/musician-06.png">
                              <div class="title">
                                 <p>粉丝：347万</p>
                                 <p>作品：98</p>
                              </div>
                           </div>
                           <p>Jony J</p>
                        </div>
                        <div class="musician-07">
                           <div class="pic">
                              <img src="./upload/musician-07.png">
                              <div class="title">
                                 <p>粉丝：135万</p>
                                 <p>作品：151</p>
                              </div>
                           </div>
                           <p>FOX胡天渝</p>
                        </div>
                        <div class="musician-08">
                           <div class="pic">
                              <img src="./upload/musician-08.png">
                              <div class="title">
                                 <p>粉丝：72.4万</p>
                                 <p>作品：94</p>
                              </div>
                           </div>
                           <p>陈壹干</p>
                        </div>
                        <div class="musician-09">
                           <div class="pic">
                              <img src="./upload/musician-09.png">
                              <div class="title">
                                 <p>粉丝：104.4万</p>
                                 <p>作品：96</p>
                              </div>
                           </div>
                           <p>刘思鉴</p>
                        </div>
                        <div class="musician-10">
                           <div class="pic">
                              <img src="./upload/musician-01.png">
                              <div class="title">
                                 <p>粉丝：122.6万</p>
                                 <p>作品：23</p>
                              </div>
                           </div>
                           <p>接个吻，开一枪</p>
                        </div>
                        <div class="musician-11">
                           <div class="pic">
                              <img src="./upload/musician-02.png">
                              <div class="title">
                                 <p>粉丝：73.4万</p>
                                 <p>作品：78</p>
                              </div>
                           </div>
                           <p>CMJ</p>
                        </div>
                        <div class="musician-12">
                           <div class="pic">
                              <img src="./upload/musician-03.png">
                              <div class="title">
                                 <p>粉丝：241.9万</p>
                                 <p>作品：147</p>
                              </div>
                           </div>
                           <p>徐秉龙</p>
                        </div>
                        <div class="musician-13">
                           <div class="pic">
                              <img src="./upload/musician-04.png">
                              <div class="title">
                                 <p>粉丝：138.4万</p>
                                 <p>作品：71</p>
                              </div>
                           </div>
                           <p>落日飞车</p>
                        </div>
                        <div class="musician-14">
                           <div class="pic">
                              <img src="./upload/musician-05.png">
                              <div class="title">
                                 <p>粉丝：599.2万</p>
                                 <p>作品：273</p>
                              </div>
                           </div>
                           <p>花粥</p>
                        </div>
                        <div class="musician-15">
                           <div class="pic">
                              <img src="./upload/musician-06.png">
                              <div class="title">
                                 <p>粉丝：347万</p>
                                 <p>作品：98</p>
                              </div>
                           </div>
                           <p>Jony J</p>
                        </div>
                        <div class="musician-16">
                           <div class="pic">
                              <img src="./upload/musician-07.png">
                              <div class="title">
                                 <p>粉丝：135万</p>
                                 <p>作品：151</p>
                              </div>
                           </div>
                           <p>FOX胡天渝</p>
                        </div>
                        <div class="musician-17">
                           <div class="pic">
                              <img src="./upload/musician-08.png">
                              <div class="title">
                                 <p>粉丝：72.4万</p>
                                 <p>作品：94</p>
                              </div>
                           </div>
                           <p>陈壹干</p>
                        </div>
                     </div>

                     <!-- 下面的轮播图 -->
                     <div class="banner-bottom">
                        <div class="musician-21">
                           <div class="pic">
                              <img src="./upload/musician-21.png">
                              <div class="title">
                                 <p>粉丝：203.5万</p>
                                 <p>作品：101</p>
                              </div>
                           </div>
                           <p>要不要买菜</p>
                        </div>
                        <div class="musician-22">
                           <div class="pic">
                              <img src="./upload/musician-22.png">
                              <div class="title">
                                 <p>粉丝：47.5万</p>
                                 <p>作品：149</p>
                              </div>
                           </div>
                           <p>张叶蕾</p>
                        </div>
                        <div class="musician-23">
                           <div class="pic">
                              <img src="./upload/musician-23.png">
                              <div class="title">
                                 <p>粉丝：128万</p>
                                 <p>作品：122</p>
                              </div>
                           </div>
                           <p>邵帅</p>
                        </div>
                        <div class="musician-24">
                           <div class="pic">
                              <img src="./upload/musician-24.png">
                              <div class="title">
                                 <p>粉丝：82.5万</p>
                                 <p>作品：96</p>
                              </div>
                           </div>
                           <p>葛东琪</p>
                        </div>
                        <div class="musician-25">
                           <div class="pic">
                              <img src="./upload/musician-25.png">
                              <div class="title">
                                 <p>粉丝：385.9万</p>
                                 <p>作品：144</p>
                              </div>
                           </div>
                           <p>房东的猫</p>
                        </div>
                        <div class="musician-26">
                           <div class="pic">
                              <img src="./upload/musician-26.png">
                              <div class="title">
                                 <p>粉丝：36.9万</p>
                                 <p>作品：82</p>
                              </div>
                           </div>
                           <p>木小雅</p>
                        </div>
                        <div class="musician-27">
                           <div class="pic">
                              <img src="./upload/musician-27.png">
                              <div class="title">
                                 <p>粉丝：78.7万</p>
                                 <p>作品：85</p>
                              </div>
                           </div>
                           <p>阿冗</p>
                        </div>
                        <div class="musician-28">
                           <div class="pic">
                              <img src="./upload/musician-28.png">
                              <div class="title">
                                 <p>粉丝：29.1万</p>
                                 <p>作品：35</p>
                              </div>
                           </div>
                           <p>柏松</p>
                        </div>
                        <div class="musician-29">
                           <div class="pic">
                              <img src="./upload/musician-29.png">
                              <div class="title">
                                 <p>粉丝：387.1万</p>
                                 <p>作品：137</p>
                              </div>
                           </div>
                           <p>颜人中</p>
                        </div>
                        <div class="musician-30">
                           <div class="pic">
                              <img src="./upload/musician-21.png">
                              <div class="title">
                                 <p>粉丝：203.5万</p>
                                 <p>作品：101</p>
                              </div>
                           </div>
                           <p>要不要买菜</p>
                        </div>
                        <div class="musician-31">
                           <div class="pic">
                              <img src="./upload/musician-22.png">
                              <div class="title">
                                 <p>粉丝：47.5万</p>
                                 <p>作品：149</p>
                              </div>
                           </div>
                           <p>张叶蕾</p>
                        </div>
                        <div class="musician-32">
                           <div class="pic">
                              <img src="./upload/musician-23.png">
                              <div class="title">
                                 <p>粉丝：128万</p>
                                 <p>作品：122</p>
                              </div>
                           </div>
                           <p>邵帅</p>
                        </div>
                        <div class="musician-33">
                           <div class="pic">
                              <img src="./upload/musician-24.png">
                              <div class="title">
                                 <p>粉丝：82.5万</p>
                                 <p>作品：96</p>
                              </div>
                           </div>
                           <p>葛东琪</p>
                        </div>
                        <div class="musician-34">
                           <div class="pic">
                              <img src="./upload/musician-25.png">
                              <div class="title">
                                 <p>粉丝：385.9万</p>
                                 <p>作品：144</p>
                              </div>
                           </div>
                           <p>房东的猫</p>
                        </div>
                        <div class="musician-35">
                           <div class="pic">
                              <img src="./upload/musician-26.png">
                              <div class="title">
                                 <p>粉丝：36.9万</p>
                                 <p>作品：82</p>
                              </div>
                           </div>
                           <p>木小雅</p>
                        </div>
                        <div class="musician-36">
                           <div class="pic">
                              <img src="./upload/musician-27.png">
                              <div class="title">
                                 <p>粉丝：78.7万</p>
                                 <p>作品：85</p>
                              </div>
                           </div>
                           <p>阿冗</p>
                        </div>
                        <div class="musician-37">
                           <div class="pic">
                              <img src="./upload/musician-28.png">
                              <div class="title">
                                 <p>粉丝：29.1万</p>
                                 <p>作品：35</p>
                              </div>
                           </div>
                           <p>柏松</p>
                        </div>
                     </div>
                  </div>

               </div>

            </div>

            <!-- 第三部分(起点) -->
            <div class="content-item3">
               <div class="item3-content">
                  <h1>
                     这里为起点
                     <br>
                     开启你的音乐事业
                  </h1>
               </div>
            </div>

            <!-- 第四部分(音乐发行) -->
            <div class="content-item4">
               <div class="item4-content">

                  <div class="item4-top">
                     <div class="top-text">
                        <h1>音乐发行</h1>
                        <h2>全网领先的一站式发行服务，护航你的音乐之路</h2>
                     </div>
                  </div>

                  <!-- 底下的盒子部分 -->
                  <div class="item4-bottom">

                     <!-- 单个盒子 -->
                     <div class="item4-items">
                        <div class="pic">
                           <img src="./images/musician-Publish-01.png">
                        </div>
                        <h1>自主发行</h1>
                        <p>
                           作品发布简单快捷
                           <br>
                           第一时间跟粉丝分享你的音乐
                        </p>
                     </div>

                     <div class="item4-items">
                        <div class="pic">
                           <img src="./images/musician-Publish-02.png">
                        </div>
                        <h1>数据管理</h1>
                        <p>
                           丰富全面的数据分析
                           <br>
                           每一步成长尽在掌握
                        </p>
                     </div>

                     <div class="item4-items">
                        <div class="pic">
                           <img src="./images/musician-Publish-03.png">
                        </div>
                        <h1>宣发推广</h1>
                        <p>
                           独创自主推广体系
                           <br>
                           平台流量加持助力推广
                        </p>
                     </div>

                     <div class="item4-items">
                        <div class="pic">
                           <img src="./images/musician-Publish-04.png">
                        </div>
                        <h1>便捷结算</h1>
                        <p>
                           收益稳定入账
                           <br>
                           每月自动提现无需费心
                        </p>
                     </div>

                     <div class="item4-items">
                        <div class="pic">
                           <img src="./images/musician-Publish-05.png">
                        </div>
                        <h1>签约合作</h1>
                        <p>
                           专业版权合作
                           <br>
                           享受专属特权层层加码
                        </p>
                     </div>

                     <div class="item4-items">
                        <div class="pic">
                           <img src="./images/musician-Publish-06.png">
                        </div>
                        <h1>版权保护</h1>
                        <p>
                           一站式原创保
                           <br>
                           做你原创力的捍卫者
                        </p>
                     </div>

                  </div>

               </div>
            </div>

            <!-- 第五部分(音乐人部分) -->
            <div class="content-item5">
               <div class="item5-content">

                  <!-- 内容-->
                  <div class="item5-contentBox">

                     <!-- 文字部分 -->
                     <div class="top-text">
                        <h1>粉丝积累</h1>
                        <h2>强大的智能推广机制，让你的每一首作品都有回音</h2>
                     </div>

                     <!-- 圆圈 -->
                     <div class="circular common">
                        <div class="cir cir1"></div>
                        <div class="cir cir2"></div>
                        <div class="cir cir3"></div>
                        <div class="cir cir4"></div>
                        <div class="cir cir5"></div>
                        <div class="cir cir6"></div>
                     </div>

                     <!-- 头像 -->
                     <div class="fansbox common">
                        <div class="fans fans1"></div>
                        <div class="fans fans2"></div>
                        <div class="fans fans3"></div>
                        <div class="fans fans4"></div>
                        <div class="fans fans5"></div>
                        <div class="fans fans6"></div>
                     </div>

                     <!-- 手机 -->
                     <div class="phonebox common">
                        <div class="phone">
                        </div>
                     </div>

                  </div>

               </div>
            </div>

            <!-- 第六部分(推广部分) -->
            <div class="content-item6">
               <div class="item6-content">

                  <!-- 头部标题 -->
                  <div class="item6-top">
                     <h1>获得收益</h1>
                     <h2>云梯计划助推多渠道变现，全面兑现你的作品价值</h2>
                  </div>

                  <!-- 中间内容图标 -->
                  <div class="item6-center">
                     <div class="item6-items">
                        <div class="left"></div>
                        <div class="right">
                           <h3>点播分成</h3>
                           <p>作品根据播放情况获得分成</p>
                        </div>
                     </div>
                     <div class="item6-items">
                        <div class="left"></div>
                        <div class="right">
                           <h3>会员包收益</h3>
                           <p>作品加入会员付费包获得分成</p>
                        </div>
                     </div>
                     <div class="item6-items">
                        <div class="left"></div>
                        <div class="right">
                           <h3>赞赏收入</h3>
                           <p>作品加入赞赏计划，获得用户打赏</p>
                        </div>
                     </div>
                     <div class="item6-items">
                        <div class="left"></div>
                        <div class="right">
                           <h3>数字专辑</h3>
                           <p>专辑以数字内容形式售卖获得收入</p>
                        </div>
                     </div>
                     <div class="item6-items">
                        <div class="left"></div>
                        <div class="right">
                           <h3>词曲交易</h3>
                           <p>经平台达成词曲版权交易获得收益</p>
                        </div>
                     </div>
                     <div class="item6-items">
                        <div class="left"></div>
                        <div class="right">
                           <h3>广告分成</h3>
                           <p>通过评论区广告获得分成收益</p>
                        </div>
                     </div>
                     <div class="item6-items">
                        <div class="left"></div>
                        <div class="right">
                           <h3>直播打赏</h3>
                           <p>通过直播，获取礼物分成</p>
                        </div>
                     </div>
                     <div class="item6-items">
                        <div class="left"></div>
                        <div class="right">
                           <h3>商业化合作</h3>
                           <p>通过平台进行商业化合作获得收益</p>
                        </div>
                     </div>
                  </div>

                  <!-- 底部三个手机 -->
                  <div class="item6-footer">
                     <div class="item6-pic">
                        <img src="./images/musician-Profit_screenshot-01.png">
                     </div>
                     <div class="item6-pic">
                        <img src="./images/musician-Profit_screenshot-02.png">
                     </div>
                     <div class="item6-pic">
                        <img src="./images/musician-Profit_screenshot-03.png">
                     </div>
                  </div>

               </div>
            </div>

            <!-- 第七部分(轮播图) -->
            <div class="content-item7">
               <div class="item7-content">

                  <!-- 上面的tab切换栏 -->
                  <ul class="tab-top">
                     <li>
                        <div>
                           <i class="tabI i1 active" data-i="0"></i>
                        </div>
                     </li>
                     <li>
                        <div>
                           <i class="tabI i2" data-i="1"></i>
                        </div>
                     </li>
                     <li>
                        <div>
                           <i class="tabI i3" data-i="2"></i>
                        </div>
                     </li>
                     <li>
                        <div>
                           <i class="tabI i4" data-i="3"></i>
                        </div>
                     </li>
                     <li>
                        <div>
                           <i class="tabI i5" data-i="4">更多企划</i>
                        </div>
                     </li>
                  </ul>

                  <!-- 下面的轮播图盒子 -->
                  <div class="banner">

                     <!-- 轮播图第一个盒子 -->
                     <div class="ban ban1 active">
                        <div class="ban-content">

                           <!-- 头部的文字 -->
                           <div class="ban-top">
                              <h1>石头计划</h1>
                              <h2>国内极具影响力的音乐人扶持计划，为你提供全方位、创新性和系统性的扶持</h2>
                           </div>

                           <div class="ban-bottom">

                              <!-- 轮播图内第一个盒子 -->
                              <div class="ban-item">
                                 <!-- 图片 -->
                                 <div class="pic">
                                    <img src="./upload/musician-stjh-1.png">
                                 </div>

                                 <!-- 文字 -->
                                 <div class="text">
                                    <h1>木小雅</h1>
                                    <p>《可能否》</p>
                                    <p>火爆全网</p>
                                 </div>
                              </div>

                              <!-- 轮播图内第二个盒子 -->
                              <div class="ban-item">
                                 <!-- 图片 -->
                                 <div class="pic">
                                    <img src="./upload/musician-stjh-2.png">
                                 </div>

                                 <!-- 文字 -->
                                 <div class="text">
                                    <h1>裘德</h1>
                                    <p>《颁奖的时候我要缺席》</p>
                                    <p>入围金曲奖</p>
                                 </div>
                              </div>

                              <!-- 轮播图内第三个盒子 -->
                              <div class="ban-item">
                                 <!-- 图片 -->
                                 <div class="pic">
                                    <img src="./upload/musician-stjh-3.png">
                                 </div>

                                 <!-- 文字 -->
                                 <div class="text">
                                    <h1>夏日入侵企画</h1>
                                    <p>《人生浪费指南》</p>
                                    <p>解锁9999+</p>
                                 </div>
                              </div>

                              <!-- 轮播图内第四个盒子 -->
                              <div class="ban-item">
                                 <!-- 图片 -->
                                 <div class="pic">
                                    <img src="./upload/musician-stjh-4.png">
                                 </div>

                                 <!-- 文字 -->
                                 <div class="text">
                                    <h1>文兆杰</h1>
                                    <p>《呼吸》</p>
                                    <p>人生首支录音室作品</p>
                                 </div>
                              </div>

                           </div>
                        </div>
                     </div>

                     <!-- 轮播图第二个盒子 -->
                     <div class="ban ban2">
                        <div class="ban-content">

                           <!-- 轮播部分上面的文字 -->
                           <div class="ban-top">
                              <h1>星辰集·词曲创作大赛</h1>
                              <h2>大型词曲创作评选活动，赋予词曲创作以生命，点亮音乐宇宙</h2>
                           </div>

                           <!-- 轮播部分下面的盒子 -->
                           <div class="ban-bottom">
                              <!-- 轮播图内第一个盒子 -->
                              <div class="ban-item">
                                 <!-- 图片 -->
                                 <div class="pic">
                                    <img src="./upload/musician-xcj-1.png">
                                    <div class="mask">
                                       <p>
                                          词：白木
                                          <br>
                                          曲：一只二妈
                                       </p>
                                    </div>
                                 </div>

                                 <!-- 文字 -->
                                 <div class="text">
                                    <h1>词曲素人实现为偶像写歌的梦想</h1>
                                    <p>金玟岐《憾》</p>
                                 </div>
                              </div>

                              <!-- 轮播图内第二个盒子 -->
                              <div class="ban-item">
                                 <!-- 图片 -->
                                 <div class="pic">
                                    <img src="./upload/musician-xcj-2.png">
                                    <div class="mask">
                                       <p>
                                          词：陈志杰
                                          <br>
                                          曲：陈志杰
                                       </p>
                                    </div>
                                 </div>

                                 <!-- 文字 -->
                                 <div class="text">
                                    <h1>现象级人气单曲 双赢的爆款制造</h1>
                                    <p>颜人中《晚安》</p>
                                 </div>
                              </div>

                              <!-- 轮播图内第三个盒子 -->
                              <div class="ban-item">
                                 <!-- 图片 -->
                                 <div class="pic">
                                    <img src="./upload/musician-xcj-3.png">
                                    <div class="mask">
                                       <p>
                                          词：水墨水墨水 / 余天越
                                          <br>
                                          曲：水墨水墨水
                                       </p>
                                    </div>
                                 </div>

                                 <!-- 文字 -->
                                 <div class="text">
                                    <h1>珠联璧合 献唱来不及的告别</h1>
                                    <p>房东的猫《今夜的江滩公园没有烟花跨年》</p>
                                 </div>
                              </div>

                              <!-- 轮播图内第四个盒子 -->
                              <div class="ban-item">
                                 <!-- 图片 -->
                                 <div class="pic">
                                    <img src="./upload/musician-xcj-4.png">
                                    <div class="mask">
                                       <p>
                                          词：Bo Peep / 朱星杰
                                          <br>
                                          曲：Bo Peep
                                       </p>
                                    </div>
                                 </div>

                                 <!-- 文字 -->
                                 <div class="text">
                                    <h1>偶像歌手携手独立音乐人的完美合作</h1>
                                    <p>朱星杰《感冒万岁》</p>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>

                     <!-- 轮播图第三个盒子 -->
                     <div class="ban ban3">
                        <div class="ban-content">

                           <!-- 轮播部分上面的文字 -->
                           <div class="ban-top">
                              <h1>硬地围炉夜</h1>
                              <h2>国内首个大型原创音乐人年度盛典，向原创致敬</h2>
                           </div>

                           <!-- 轮播部分下面的盒子 -->
                           <div class="ban-bottom">

                              <!-- 轮播图内的第一个盒子 -->
                              <div class="ban3-left">
                                 <img src="./upload/musician-wly-1.png">
                              </div>

                              <!-- 轮播图内的第二个盒子 -->
                              <div class="ban3-right">
                                 <img src="./upload/musician-wly-2.png">
                              </div>

                           </div>
                        </div>
                     </div>

                     <!-- 轮播图第四个盒子 -->
                     <div class="ban ban4">
                        <div class="ban-content">

                           <!-- 轮播部分上面的文字 -->
                           <div class="ban-top">
                              <h1>硬地原创音乐榜</h1>
                              <h2>国内首个非数据导向原创音乐榜，发掘华语原创音乐更多可能</h2>
                           </div>

                           <!-- 轮播部分下面的盒子 -->
                           <div class="ban-bottom">

                              <div class="ban4-item">
                                 <img src="./upload/musician-yyb-1.png">
                              </div>

                              <div class="ban4-item">
                                 <img src="./upload/musician-yyb-2.png">
                              </div>

                              <div class="ban4-item">
                                 <img src="./upload/musician-yyb-3.png">
                              </div>

                           </div>
                        </div>
                     </div>

                     <!-- 轮播图第五个盒子 -->
                     <div class="ban ban5">
                        ban5
                        <div class="ban-content">

                           <div class="ban-bottom">

                              <div class="ban5-item">
                                 <img src="./upload/musician-more-1.png">
                                 <p>聚焦国风</p>
                              </div>

                              <div class="ban5-item">
                                 <img src="./upload/musician-more-2.png">
                                 <p>经典复刻</p>
                              </div>

                              <div class="ban5-item">
                                 <img src="./upload/musician-more-3.png">
                                 <p>泛二次元</p>
                              </div>

                              <div class="ban5-item">
                                 <img src="./upload/musician-more-4.png">
                                 <p>复古电子</p>
                              </div>

                              <div class="ban5-item">
                                 <img src="./upload/musician-more-5.png">
                                 <p>LIVE直播</p>
                              </div>

                              <div class="ban5-item ban5-more">
                                 <div class="text">
                                    敬请期待
                                    <br>
                                    ……
                                 </div>
                                 <p>...</p>
                              </div>

                           </div>
                        </div>
                     </div>

                  </div>

               </div>
            </div>

            <!-- 网页尾部通栏图片部分 -->
            <div class="content-item9">
               <div class="item9-content">

                  <div class="item9-title">
                     <img src="./images/musician-footer-1.webp" alt="">
                  </div>

                  <div class="itrm9-btn">
                     <div class="text1">立即入驻</div>
                     <i class="Y-axis"></i>
                     <div class="text2">校园入驻</div>
                  </div>

               </div>
            </div>

         </div>

         <!-- 网页的尾部区域 -->
         <div class="musician-footer">
            <div class="footer-content">

               <!-- 首页 -->
               <a href="#" class="footer_slogon"></a>

               <!-- 版权服务等信息 -->
               <div class="footer_content_1shg">

                  <!-- 左边版权 -->
                  <div class="footer_root">
                     <p>网易公司版权所有©1997-2022杭州乐读科技有限公司运营</p>
                     <p>
                        <a href="https://p5.music.126.net/obj/wo3DlcOGw6DClTvDisK1/8282703158/452a/ca0c/3a10/caad83bc8ffaa850a9dc1613d74824fc.png"
                           target="_blank">浙网文[2021]
                           1186-054号</a>&nbsp;&nbsp;&nbsp;粤B2-20090191-18&nbsp;&nbsp;&nbsp;工业和信息化部备案管理系统网站
                     </p>
                  </div>

                  <!-- 右边服务 -->
                  <div class="footer_serve">
                     <a href="#">联系我们</a>
                     <a href="#">隐私政策</a>
                     <a href="#">服务条款</a>
                  </div>

               </div>

            </div>
         </div>

      </div>

   </div>

   <script src="./js/musician.js"></script>

</body>

</html>